<template>
  <div>
    <van-divider>注册</van-divider>
    <van-field v-model="username" label="用户名" readonly disabled />
    <van-field v-model="nickName" label="昵称" placeholder="昵称" />
    <van-field name="uploader" label="头像">
    <template #input>
      <van-uploader v-model="uploader" />
    </template>
    </van-field>
    <van-row type="flex" justify="center" style="padding: 20px">
      <van-col span="24" align="center"><van-button style="width: 90%; margin: 5px;" type="primary" block="true" round>注册</van-button></van-col>
      <van-col span="24" align="center"><van-button style="width: 90%; margin: 5px;" type="primary" block="true" round>去登录</van-button></van-col>
      <van-col span="24" align="center"><van-button style="width: 90%; margin: 5px;" type="danger" block="true" round>退出</van-button></van-col>
    </van-row>
  </div>
</template>

<script>
export default {
  data() {
    return {
      username: "XFZ",
      "nickName": ""
    };
  },
  methods: {
    
  },
};
</script>

<style lang="css" scoped>
.login-box {
  height: 100%;
  padding: 40px 20px;
  margin: 20px;
}
</style>
